﻿<Window x:Class="VirtualKeyboard.UI.ConfigView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:my="clr-namespace:VirtualKeyboard.UI"
        Height="540" Width="620"  Background="Black"
        Title="{Binding DisplayName}"  WindowStartupLocation="CenterScreen" WindowStyle="SingleBorderWindow" ShowInTaskbar="False" ResizeMode="NoResize" Icon="/VirtualKeyboard.UI;component/Icons/antenna.ico" Topmost="True">
    <Grid>
        <Canvas>
            <Ellipse Canvas.Left="207" Canvas.Top="43" Height="200" Name="ellipse1" Stroke="White" Width="200" StrokeThickness="3" Fill="#FF606060" />
            <my:InputKeyControl Canvas.Left="25" Canvas.Top="97" x:Name="inputFastBackward" Height="22" Width="100"  ShortcutKey="{Binding Path=FastBackward,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="25" Canvas.Top="58" x:Name="inputBackward" Height="22" Width="100" ShortcutKey="{Binding Path=Backward,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="25" Canvas.Top="136" x:Name="inputVeryFastBackward" Height="22" Width="100" ShortcutKey="{Binding Path=VeryFastBackward,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="476" Canvas.Top="97" x:Name="inputFastForward" Height="22" Width="100" ShortcutKey="{Binding Path=FastForward,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="476" Canvas.Top="58" x:Name="inputForward" Height="22" Width="100" ShortcutKey="{Binding Path=Forward,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="476" Canvas.Top="136" x:Name="inputVeryFastForward" Height="22" Width="100" ShortcutKey="{Binding Path=VeryFastForward,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="476" Canvas.Top="215" x:Name="inputTogglePlayPause" Height="22" Width="100" ShortcutKey="{Binding Path=TogglePlayPause,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="25" Canvas.Top="215" x:Name="inputOK" Height="22" Width="100" ShortcutKey="Enter" IsEnabled="False" />
            <my:InputKeyControl Canvas.Left="476" Canvas.Top="286" x:Name="inputNextTrack" Height="22" Width="100" ShortcutKey="{Binding Path=NextTrack,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="476" Canvas.Top="344" x:Name="inputIncreaseVolume" Height="22" Width="100" ShortcutKey="{Binding Path=IncreaseVolume,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="476" Canvas.Top="397" x:Name="inputDecreaseVolume" Height="22" Width="100" ShortcutKey="{Binding Path=DecreaseVolume,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="25" Canvas.Top="286" x:Name="inputPreviousTrack" Height="22" Width="100" ShortcutKey="{Binding Path=PreviousTrack,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="25" Canvas.Top="344" x:Name="inputFullScreen" Height="22" Width="100" ShortcutKey="{Binding Path=FullScreen,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="25" Canvas.Top="397" x:Name="inputMuteVolume" Height="22" Width="100" ShortcutKey="{Binding Path=MuteVolume,Mode=Twoway}" />
            <my:InputKeyControl Canvas.Left="25" Canvas.Top="459" x:Name="inputStop" Height="22" Width="100" ShortcutKey="{Binding Path=Stop,Mode=Twoway}" />

            <Button Content="保存" Height="32" Canvas.Left="327" Style="{DynamicResource ButtonStyle}" Canvas.Top="459" Width="105" Name="OnSave" />
            <Button Content="取消" Height="32" Canvas.Left="459" Style="{DynamicResource ButtonStyle}" Canvas.Top="459" Width="105" Name="OnCancel" />

            <Ellipse Canvas.Left="264" Canvas.Top="97" Height="90" x:Name="ellipse1_Copy" Stroke="White" Width="90" StrokeThickness="3" Fill="Black" />
            <Ellipse Canvas.Left="278" Canvas.Top="286" Height="70" x:Name="ellipse1_Copy1" Stroke="White" Width="67" StrokeThickness="3" />
            <Image Height="73" Canvas.Left="278" Source="Icons/transport.playorpause.png" Stretch="Fill" Canvas.Top="286" Width="70"/>
            <Ellipse Height="46" Canvas.Left="199" Stroke="White" StrokeThickness="3" Canvas.Top="249" Width="46"/>
            <Image Height="48" Canvas.Left="197" Source="Icons/appbar.transport.rew.rest.png" Stretch="Fill" Canvas.Top="249" Width="48"/>
            <Ellipse Height="46" Canvas.Left="199" Stroke="White" StrokeThickness="3" Canvas.Top="320" Width="46"/>
            <Ellipse Height="46" Canvas.Left="199" Stroke="White" StrokeThickness="3" Canvas.Top="386" Width="46"/>
            <Ellipse Height="46" Canvas.Left="375" Stroke="White" StrokeThickness="3" Canvas.Top="249" Width="46"/>
            <Ellipse Height="46" Canvas.Left="375" Stroke="White" StrokeThickness="3" Canvas.Top="320" Width="46"/>
            <Ellipse Height="46" Canvas.Left="375" Stroke="White" StrokeThickness="3" Canvas.Top="386" Width="46"/>
            <Ellipse Height="46" Canvas.Left="288" Stroke="White" StrokeThickness="3" Canvas.Top="386" Width="46"/>
            <Image Height="48" Canvas.Left="375" Source="Icons/sound.down.png" Stretch="Fill" Canvas.Top="386" Width="48" RenderTransformOrigin="0.125,-0.083"/>
            <Image Height="48" Canvas.Left="375" Source="Icons/sound.up.png" Stretch="Fill" Canvas.Top="320" Width="48" RenderTransformOrigin="0.271,0.021"/>
            <Image Height="48" Canvas.Left="199" Source="Icons/sound.off.png" Stretch="Fill" Canvas.Top="386" Width="48"/>
            <Image Height="48" Canvas.Left="375" Source="Icons/appbar.transport.ff.rest.png" Stretch="Fill" Canvas.Top="249" Width="48"/>
            <Image Height="48" Canvas.Left="199" Source="Icons/transport.fullscreen.png" Stretch="Fill" Canvas.Top="318" Width="48"/>
            <Image Height="48" Canvas.Left="288" Source="Icons/transport.stop.png" Stretch="Fill" Canvas.Top="384" Width="48"/>

            <Path Data="M104,58 L245,119" Height="50" Canvas.Left="126" Stretch="Fill" Canvas.Top="69" Width="134" StrokeThickness="3" Stroke="#FF1CD22F"/>
            <Path Data="M126,109 L245,140" Height="33" Canvas.Left="125" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="108" Width="110"/>
            <Path Data="M126,146 L245,158" Height="13" Canvas.Left="125" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="145" Width="82"/>
            <Path Data="M358,119 L472,69" Height="52" Canvas.Left="354" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="68" Width="120"/>
            <Path Data="M375,136 L472,109" Height="32" Canvas.Left="375" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="108" Width="99"/>
            <Path Data="M374,158 L474,145" Height="14" Canvas.Left="406" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="144" Width="70"/>
            <Path Data="M298,170 L126,224" Height="57" Canvas.Left="125" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="169" Width="175"/>
            <Path Data="M315,318 L389,228" Height="93" Canvas.Left="314" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="227" Width="77"/>
            <Path Data="M391,227 L472,227" Height="3" Canvas.Left="390" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="226" Width="84"/>
            <Path Data="M407,286 L476,297" Height="14" Canvas.Left="406" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="285" Width="72"/>
            <Path Data="M421,356 L472,359" Height="6" Canvas.Left="420" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="355" Width="54"/>
            <Path Data="M425,419 L472,415" Height="7" Canvas.Left="424" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="414" Width="50"/>
            <Path Data="M126,414 L195,414" Height="3" Canvas.Left="125" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="413" Width="72"/>
            <Path Data="M126,359 L195,344" Height="18" Canvas.Left="125" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="343" Width="72"/>
            <Path Data="M126,297 L195,273" Height="27" Canvas.Left="125" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="272" Width="72"/>
            <Path Data="M126,470 L247,471" Height="4" Canvas.Left="125" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="469" Width="124"/>
            <Path Data="M249,473 L300,432" Height="44" Canvas.Left="248" Stretch="Fill" Stroke="#FF1CD22F" StrokeThickness="3" Canvas.Top="431" Width="54"/>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="437.958" Stretch="Fill" Canvas.Top="150.042" Width="6.167"/>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="435.708" Stretch="Fill" Canvas.Top="118" Width="6.167"/>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="456.459" Stretch="Fill" Canvas.Top="150.042" Width="6.167"/>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="450.292" Stretch="Fill" Canvas.Top="150.042" Width="6.167"/>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="444.125" Stretch="Fill" Canvas.Top="150.042" Width="6.167"/>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="442.625" Stretch="Fill" Canvas.Top="118" Width="6.167"/>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="449" Stretch="Fill" Canvas.Top="118" Width="6.167"/>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="433.25" Stretch="Fill" Canvas.Top="90.5" Width="6.167"/>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="427.083" Stretch="Fill" Canvas.Top="90.5" Width="6.167"/>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="163.333" Stretch="Fill" Canvas.Top="87.916" Width="6.167" RenderTransformOrigin="0.5,0.5">
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="181.291"/>
                        <TranslateTransform X="-6.165" Y="-0.069"/>
                    </TransformGroup>
                </Path.RenderTransform>
            </Path>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="157.166" Stretch="Fill" Canvas.Top="87.916" Width="6.167" RenderTransformOrigin="0.5,0.5">
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="181.291"/>
                        <TranslateTransform X="6.165" Y="0.069"/>
                    </TransformGroup>
                </Path.RenderTransform>
            </Path>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="146.958" Stretch="Fill" Canvas.Top="120.958" Width="6.167" RenderTransformOrigin="0.5,0.5">
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="181.072"/>
                        <TranslateTransform X="13.291" Y="0.124"/>
                    </TransformGroup>
                </Path.RenderTransform>
            </Path>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="153.875" Stretch="Fill" Canvas.Top="120.958" Width="6.167" RenderTransformOrigin="0.5,0.5">
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="181.072"/>
                        <TranslateTransform X="-0.542" Y="-0.005"/>
                    </TransformGroup>
                </Path.RenderTransform>
            </Path>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="160.25" Stretch="Fill" Canvas.Top="120.958" Width="6.167" RenderTransformOrigin="0.5,0.5">
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="181.072"/>
                        <TranslateTransform X="-13.291" Y="-0.124"/>
                    </TransformGroup>
                </Path.RenderTransform>
            </Path>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="138.708" Stretch="Fill" Canvas.Top="152.833" Width="6.167" RenderTransformOrigin="0.5,0.5">
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="180.919"/>
                        <TranslateTransform X="18.499" Y="0.148"/>
                    </TransformGroup>
                </Path.RenderTransform>
            </Path>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="157.209" Stretch="Fill" Canvas.Top="152.833" Width="6.167" RenderTransformOrigin="0.5,0.5">
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="180.919"/>
                        <TranslateTransform X="-18.499" Y="-0.148"/>
                    </TransformGroup>
                </Path.RenderTransform>
            </Path>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="151.042" Stretch="Fill" Canvas.Top="152.833" Width="6.167" RenderTransformOrigin="0.5,0.5">
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="180.919"/>
                        <TranslateTransform X="-6.167" Y="-0.05"/>
                    </TransformGroup>
                </Path.RenderTransform>
            </Path>
            <Path Data="M168.75,55 L179.01786,63.902098 168.8616,71.750004" Fill="#FFF4F4F5" Height="7.958" Canvas.Left="144.875" Stretch="Fill" Canvas.Top="152.833" Width="6.167" RenderTransformOrigin="0.5,0.5">
                <Path.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="180.919"/>
                        <TranslateTransform X="6.165" Y="0.05"/>
                    </TransformGroup>
                </Path.RenderTransform>
            </Path>
            <Image Height="72" Canvas.Left="274" Source="Icons/word.ok.png" Stretch="Fill" Canvas.Top="109" Width="70"/>
        </Canvas>
    </Grid>
</Window>
